*{margin: 0;padding: 0;}
html,body{width: 100%;height: 100%;background-color:#87CEEB}
#box{width: 110px;height: 100%;background-color:pink;display: flex;flex-direction: column;}
#box>div:nth-of-type(1){width: 100px;height: 50px;border: 5px solid yellow;background-color: #87CEEB;}
#box>div:nth-of-type(2){width: 100%;height: 200px;background-color: #fff;font-size: 25px;text-align: center;margin-top: 100px;}
#box>div:nth-of-type(2)>span{display:block;font-size: 50px;color: red;}
#box>div:nth-of-type(3){width: 100px;height: 30px;border: 5px solid yellow;position: absolute;bottom: 0;left: 0;background-color: black;color: white;}
#span1{display:block;width: 100px;height: 50px;background-color: red;}